<!DOCTYPE html>
<!--安全设施检查-->
<html>
	<head>
		<meta charset="utf-8">
		<title>index</title>
		
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../static/css/common.css" />	
		<link rel="stylesheet" href="css/safeDeviceIndex.css"/>
		
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
			.ipt{
				width:50vw;
			}
			.add-label{
				width: 30vw;
			}
			
		</style>
	</head>
		
	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">安全设施检查记录</h1>
		</header>
			<div class="top">
				
			</div>
		<div class="mui-content" id="content">


			<div class="main_box">
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">检查信息</div>
				</div>
				<div class="main_icon"></div>
				<div class="main_icon1"></div>
				<div class="flex-row mt-10">
					<div class="add-label">检查时间:</div>	
					2021-08-20 12:00:00
				</div>
				<div class="flex-row mt-10">							
					<div class="add-label">检查人:</div> 
					<div>GQJ-2021-NMZ-0601</div>
				</div>
				<div class="flex-between mt-10">
					<div class="flex-row">
						<div class="add-label">检查区域:</div>
						<input class="ipt" />
					</div>
				</div>
			</div>
			<!--附件上传列表-->
			<div class="main_box">
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">附件</div>
					<div class="upload-box">
						<img class="upload-icon" src="../static/uploadicon.png" v-on:click="chooesFile"/>
					</div>
				</div>
				<div class="main_icon"></div>
				<div class="main_icon1"></div>
				
				<div>
					<!--文件列表-->
					<div class="upload-list" v-for="(item,i) in fileList">
						<div class="item-content">
							<div class="file-name file-item-text">
								{{item.fileName}}
							</div>
							<div class="user-name file-item-text">
								{{item.uploadPersion}}
							</div>
						</div>
						
						<div class="item-content">
							<div class="file-name file-item-text">
								{{item.upLoadDate}}
							</div>
							<div class="user-name file-item-text" v-on:click="downloadFile">
								下载
							</div>
							<div class="user-name file-item-text filebtn" v-on:click="FileDelete">
								删除
							</div>
						</div>
					</div>
					
				</div>

			</div>
			
			<div class="main_box">
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">其他安全设施</div>
				</div>
				<div class="main_icon"></div>
				<div class="main_icon1"></div>
				
				<div class="flex-row mt-10">
					<div class="add-label">紧急疏散通道、场地标识清晰、通道保持通畅</div>	
					<div class="flex-row" style="margin-left: 10px;">
						是 <input style="width: 18px;margin-right: 5px;" type="radio" name="type" id="">
						否 <input style="width: 18px;" type="radio" name="type" id="">
				</div>
				</div>
				
				<div class="flex-between mt-10">
					<div class="flex-row">
						<div class="add-label">备注:</div>
						<input class="ipt" placeholder="请输入备注"/>
					</div>
				</div>
				
				<div class="flex-between mt-10">
					<div class="flex-row">
						<div class="add-label">消除人(关闭人):</div>
						<input class="ipt" placeholder="请选择人员" disabled="true"/>
					</div>	
				</div>
				
				<div class="flex-between mt-10">
					<div class="flex-row">
						<div class="add-label">发现问题记录:</div>
						<input class="ipt" placeholder="请输入发现问题"/>
					</div>
				</div>
			</div>
			
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="submit_btn">保存</button>
				<button class="submit_btn" @click="showSubmit = true">提交</button>
			  </div>
		</div>
		
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../static/components/personSelect.js"></script>
		<script type="text/javascript" src="../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/safeDeviceIndex.js"></script>
		<script src="../static/js/upLoadHelper.js"></script>
		<script src="../static/js/neiosCommon.js"></script>
	</body>
</html>
